﻿@charset "utf-8";
/*------��ҳ����-ͷ���·��������------*/
#wrap #home{
	width:100%;
	min-width:1220px;
	height:1000px;
	background:url("../images/3-1200.jpg") no-repeat center;
}
/*-----���������á� ������Ƶ��������ͬ��ʽ-----*/
.s-apply{
	display:block;
	position:relative;
	width:200px;
	height:48px;
	margin-top:40px;
	font-size:16px;
	line-height:48px;
	text-align:center;
	transition:.3s;
}
.s-apply i{/*-- ��ͷ --*/
	position:absolute;
	top:15px;
	right:-20px;
	width:30px;
	height:18px;
	background:url("../images/slogan_jian_tou.png") no-repeat;
	transition:.3s;
	z-index:-1;
}
.s-apply:hover{
	text-indent:-60px;
}
.s-apply:hover i{
	z-index:1;
	right:50px;
} 
/*--��ҳ�����ϲ���--*/
#home .hm-container{
	width:1220px;
	margin:auto;
}
/*--��ҳ�����ϲ������-����ʱ�����췴Ӧ������--*/
.hm-container .slogan{/*--����--*/
	padding-top:270px;
}
.slogan img{
	width:480px;
	height:136px;
}
.slogan .s-msg{/*--����30��...��--*/
	width:355px;
	height:30px;
	line-height:30px;
	margin-top:25px;
	background:url("../images/web_intro_msg.png") no-repeat;
	color:#fff;
	font-size:16px;
	text-align:center;
}
.s-msg span{
	color:rgb(224,224,99);
}
.slogan .s-apply{/*-- �������� --*/
	background:url("../images/solgan_link_btn.png") no-repeat;
	color:#fff;
}
/*--��ҳ�����ϲ����Ҳ�-��װ����--*/
.hm-container .type{
	float:right;
	width:150px;
	margin-top:-80px;
	text-align:right;
}
.type li + li{
	margin-top:15px;
}
.type .t-clothes{
	transition:.4s;
}
.t-clothes:hover{
	margin-right:10px;
}
.type .t-more i{
	display:block;
	width:26px;
	height:26px;
	margin-left:124px;
	background:url("../images/n_icon.png") no-repeat 0 -135px;
}
/*--��ҳ�����²���--*/
#home .hm-slider{
	width:1200px;
	margin:185px auto 0;
}
.hm-slider > div{
	float:left;
	width:400px;
	height:270px;
	box-shadow:0 0 25px #000;
}
.hm-slider .s-video{/*--��Ƶ--*/
	background-color:black;
}
.s-video a{
	display:block;
	width:400px;
	height:270px;
	color:#333;
}
/*--swiper�ֲ�--*/
.swiper-container{
	margin-top:-15px;
}
.swiper-pagination{
	right:0;
	margin:auto;
	width:115px !important;
	background-color:rgba(0,0,0,0.2);
	border-radius:7px;
}
.swiper-pagination-bullet{
	width:11px;
	height:11px;
	background-color:#fff;
	opacity:1;
}
.swiper-pagination-bullet-active{
	background-color:rgb(216,176,86);
}
/*------��ҳ����-ͷ���·�������� end------*/

/*------��ҳ����------*/
#wrap #content{
	width:100%;
	min-width:1220px;
	margin-top:60px;
}
/*-��ҳ�Ƽ�-�����·��ġ����ƽ���������з�����-*/
#content .recommend{
	width:1220px;
	margin:auto;
	padding-bottom:30px;
}
#content .firecast{/*-- �����ƽ���� --*/
	border-bottom:1px dashed #ccc;
}
.firecast .r-pic{
	margin-right:30px;
}
#content .analysis{/*-- �����з����� --*/
	margin-top:35px;
}
.analysis .r-pic{
	margin-left:30px;
}
.recommend .r-content{
	display:inline-block;
	position:relative;
	vertical-align:middle;
}
.r-pic:after,
.r-pic:before{/*-- "��һҳ""��һҳ"ͼ�� --*/
	content:"";
	position:absolute;
	top:-30px;
	right:0;
	width:20px;
	height:20px;
	background:url("../images/n_icon.png") no-repeat -150px -160px;
	cursor:pointer;
}
.r-pic:before{
	right:30px;
	background-position:-124px -135px;
}
.analysis .r-pic:before{
	left:0;
}
.analysis .r-pic:after{
	left:30px;
}
.r-content .trend{
	display:inline-block;
	position:relative;
	font-size:0;
	overflow:hidden;
}
.trend img{/*-- �������ͼƬ --*/
	width:310px;
	height:217px;
	transition:.5s;
}
.trend h3{/*-- ͼƬ�ϵı��� --*/
	position:absolute;
	bottom:20px;
	left:0;
	right:0;
	width:280px;
	height:60px;
	margin:auto;
	background:url("../images/c_s_layer.png") no-repeat;
	color:#fff;
	font-size:16px;
	text-align:center;
	line-height:60px;
	opacity:1;
	transition:.5s;
}
/*-- ��ͣ��ͼƬ����ʾ����������Ч�� --*/
.trend .t-effect{
	position:absolute;
	top:0;
	left:0;
	width:220px;
	height:67px;
	padding:75px 45px;
	background:url("../images/t_layer.png") no-repeat;
	font-size:14px;
	color:#fff;
	opacity:0;
	transition:.5s;
}
.t-effect:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:1px solid #fff;
	border-left-color:transparent;
	border-right-color:transparent;
	transform:rotate(45deg);
}
.trend:hover img{
	transform:scale(1.05,1.05);
}
.trend:hover .t-effect{
	opacity:1;
}
.trend:hover h3{
	opacity:0;
}
.r-pic-2{/*-- ���ͼƬ2 --*/
	margin-left:8px;
}
.recommend .trend-1{/*-- �ұ����ֲ��� --*/
	width:530px;
	vertical-align:middle;
}
.trend-1 > p{
	font-size:16px;
	color:#666;
	line-height:25px;
	margin:25px 10px 40px 0;
}
.trend-1 ul{/*-- �ұ�������� --*/
	float:left;
}
.trend-1 .figure{
	position:relative;
	float:left;
	width:74px;
}
.figure a{
	display:block;
	color:#000;
	text-align:center;
}
.figure a img{/*-- �ұ�����ͷ�� --*/
	width:74px;
	height:79px;
	margin-bottom:10px;
}
.figure a span{
	color:#666;
	font-size:14px;
}
.figure:before{
	content:"|";
	position:absolute;
	top:76px;
	left:34px;
	color:#ddd;
}
/*-- �����ͣ����������ʾ���� --*/
.figure > i{
	display:block;
	position:absolute;
	top:76px;
	left:0;
	width:74px;
	height:3px;
	background-color:rgb(216,176,86);
	opacity:0;
	transition:.3s;
}
.figure i + i{
	top:57px;
	left:0;
	right:0;
	width:2px;
	height:0;
	border:10px solid transparent;
	border-bottom-color:rgb(216,176,86);
	background-color:transparent;
	margin:auto;
}
.figure:hover i{
	opacity:1;
}
.figure:hover .f-evaluate{
	display:block;
}
.figure .f-evaluate{
	display:none;
	position:absolute;
	top:78px;
	left:0;
	width:500px;
	height:90px;
	padding:15px;
	border:1px solid #ccc;
	background-color:#fff;
	z-index:1;
	transition:.3s;
}
.f-evaluate .f-eva-msg{
	display:inline-block;
	width:385px;
	margin-left:10px;
	vertical-align:top;
}
.f-eva-msg h2 span{
	color:#888;
	font-size:14px;
}
.f-eva-msg p{
	margin-top:10px;
	font-size:14px;
	color:#333;
}
.figure:nth-child(2) .f-evaluate{
	left:-74px;
}
.figure:nth-child(3) .f-evaluate{
	left:-148px;
}
.figure:nth-child(4) .f-evaluate{
	left:-222px;
}
.trend-1 .s-apply{/*-- �ұߡ�����Ƶ���� --*/
	float:right;
	margin-top:30px;
	background-color:rgb(37,37,37);
	color:#fff;
}
.trend-1 .s-apply:hover{
	background-color:#000;
}
/*-��ҳ�Ƽ�-�����·��ġ����ƽ���������з����� end-*/